<div class="posR">
  <% if (ob.phase === 'pay' || ob.phase === 'processing') {
      const showOutdatedHashErr = ob.phase === 'pay' && ob.outdatedHash;
      const initPay =
        (ob.listing.shippingOptions && ob.listing.shippingOptions.length) ||
        showOutdatedHashErr ?
        'disabled' : '';
      print(
        ob.processingButton({
          className: 'btn width100 clrBAttGrad clrBrDec1 clrTOnEmph js-payBtn ' +
            `${initPay} ${ob.phase} ${ob.outdatedHash ? 'row' : ''}`,
          btnText: ob.polyT('purchase.pay')
        })
      );

      if (showOutdatedHashErr) {
        const tip = ob.polyT('purchase.errors.outdatedHash', {
          reloadLink: '<a class="js-reloadOutdated">' + `${ob.polyT('purchase.errors.reloadOutdatedHash')}</a>`,
        });
        print(`<div class="txCtr rowSm">${ob.purchaseErrT({ tip })}</div>`);
      }
     } else if (ob.phase ==='pending') { %>
    <div class="btn width100 clrBAttGrad clrBrDec1 clrTOnEmph pendingBtn">
      <%= ob.polyT('purchase.pending') %>
    </div>
  <% } else if (ob.phase ==='complete') { %>
    <button class="btn width100 clrBAttGrad clrBrDec1 clrTOnEmph js-closeBtn">
      <%= ob.polyT('purchase.close') %>
    </button>
  <% } %>
  <% if (ob.confirmOpen) { %>
    <div id="confirmPay" class="confirmBox arrowBoxCenteredTop clrBr clrP clrT clrSh1 js-confirmPay">
      <div class="flexColRows gutterVSm padLg">
        <h3>
          <%= ob.polyT('purchase.confirmPayment.title') %>
        </h3>
        <p class="tx5">
          <%= ob.polyT('purchase.confirmPayment.msg') %>
        </p>
      </div>
      <hr class="unleaded clrBr" />
      <div class="flexHRight flexVCent gutterHLg pad tx5">
        <a class="js-confirmPayCancel">
          <%= ob.polyT('purchase.confirmPayment.cancel') %>
        </a>
        <a class="btn clrBAttGrad clrBrDec1 clrTOnEmph js-confirmPayConfirm">
          <%= ob.polyT('purchase.confirmPayment.confirm') %>
        </a>
      </div>
    </div>
  <% } %>
</div>
<div class="padSm flexColRows gutterVSm txSm txCtr clrT2">
  <% if (ob.phase === 'pay') { %>
    <span class="js-payNote"><%= ob.polyT('purchase.payNote') %></span>
  <% } else if (ob.phase ==='pending') { %>
    <span class="js-pendingNote"><%= ob.polyT('purchase.pendingNote') %></span>
  <% } else if (ob.phase ==='complete') { %>
    <span class="js-closeNote"><%= ob.polyT('purchase.closeNote') %></span>
  <% } %>
  <a class="clrTErr txU" href="https://openbazaar.org/scam-prevention"><%= ob.polyT('purchase.scamWarning') %></a>
</div>
